<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JumboBox - Aqui seu imovel é especial.</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<script src="scripts/jquery-1.6.4.js" type="text/javascript"></script>

</head>

<body>
<!-- Div Geral Inicio-->
<div id="boxGeral">

	<!-- Div header Inicio-->
	<div id="header">
    	<a href="index.php"><img id="imgLogo" src="imgs/logo.png" alt="JumboBox seu imovel é venda garantida" title="JumboBox" border="0" /></a>
        
        <!-- Div header_topo Inicio-->
        <div id="header_topo">
        	
            <ul>
            	<li><a href="#">Comprar</a></li>
                <li><a href="#">Alugar</a></li>
                <li><a href="#">Anúncio</a></li>
                <li><a href="#">Fale Conosco</a></li>
            </ul>
        
        </div><!-- Div header_topo fim-->
        
        <!-- Div header_navegar Inicio-->
        <div id="header_navegar">
        	
            <div id="header_navegar_esquerda">
                <div id="header_navegar_esquerda_login">
                  <form id="formLogin" target="#" action="" method="get" >
                	<label>
                    	<span class="txtEmail_txt">E-mail:</span>
                        <input type="text" id="txtLogin" class="txtLogin" value="Insira seu e-mail" onfocus="javascript:txtLogin.value=''"; />
                    </label>
                    
                    <label>
                    	<span class="txtSenha_txt">Senha:</span>
                        <input type="password" id="txtSenha" class="txtSenha" />
                        <input type="submit" id="btnEnviar" class="btnEnviar" value=""  />
                    </label>
                  </form>
                  
                  <p>[Esqueci minha senha]</p>
                  
                </div>
                
                <div id="header_navegar_esquerda_anuncie">
                	<h1>Anuncie conosco</h1>
                    <a href="#">Clique aqui e anuncie</a>
                    <p class="ieShadown">
                    Com a JumboBox seu imovél será visto em todo Brasil! Anuncie já...
                    </p>
                </div>
            </div>
            
            <div id="header_navegar_centro">
            	<h1>Encontre seu imóvel aqui</h1>
                <h2>Busca interativa - Desejo da seguinte forma</h2>
                
                <form id="formSelecao" name="formSelecao" method="post" action="">
                	<select>
                    	<option value="" selected="selected">Comprar ou Alugar?</option>
                    </select>
                    
                    <select>
                    	<option value="" selected="selected">Tipo de Imóvel?</option>
                    </select>
                    
                    <select>
                    	<option value="" selected="selected">Quantidade de Comodo?</option>
                    </select>
                    
                    <select>
                    	<option value="" selected="selected">Condição do Imóvel?</option>
                    </select>
                    
                    <select>
                    	<option value="" selected="selected">Garagem?</option>
                    </select>
                    
                    <select>
                    	<option value="" selected="selected">Valor do Imóvel?</option>
                    </select>
                    
                    <select>
                    	<option value="" selected="selected">Bairro?</option>
                    </select>
       				<input type="submit" name="btnBuscarImovel" class="btnBuscarImovel" value="Buscar imóveis" />
                </form>
                
                <span id="header_navegar_centro_filtrados" class="filtrados">
                	Imóveis encontrados:
                </span>
                
                <span id="header_navegar_centro_total" class="totalImoveis">
                	Total de Imóveis:
                </span>
                
            </div>
            
            <div id="header_navegar_direita">
            	<h1>Publicidade</h1>
            	<a href="#"><img src="midia/midia.png" border="0" /></a>
            </div>
        
        </div><!-- Div navegar fim-->
        
    </div><!-- Div header fim-->
    
    <!-- Div imoveis_home Inicio-->
    <div id="imoveis_home">
          <!--Lista 1 --> 
          
          <h1 class="h1DistaqueImoveis"> Imóveis mais visitados</h1>
          
          <form action="" method="post" name="formPesquisaRapida"> 
          <span>Pesquisa rápida</span>
          <input type="text" id="txtPesquisa" class="txtPesquisa" value="Pesquisa rápida, digite o nome da imobiliaria, bairro, cidade, estado, valor etc.." />
          <input type="button" value="Buscar" id="btnBuscaRapida"  />
          </form>
          
            <ul class="first_list">
                <li>
               	  <a href="#"><img src="midia/img.jpg" /></a>
                  <a href="#"><h2>Residência a venda</h2></a>
                  <a href="#"><h3>500m² sala ampla | Comodos: 2</h3></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
                <li>
               	  <a href="#"><img src="midia/img.jpg" /></a>
                  <a href="#"><h2>Residência a venda</h2></a>
                  <a href="#"><h3>500m² sala ampla | Comodos: 2</h3></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
                <li>
               	  <a href="#"><img src="midia/img.jpg" /></a>
                  <a href="#"><h2>Residência a venda</h2></a>
                  <a href="#"><h3>500m² sala ampla | Comodos: 2</h3></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
                <li>
               	  <a href="#"><img src="midia/img.jpg" /></a>
                  <a href="#"><h2>Residência a venda</h2></a>
                  <a href="#"><h3>500m² sala ampla | Comodos: 2</h3></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
            </ul>
            
            <!--Lista 2 -->
             <ul class="last_list">
                <li>
               	  <a href="#"><img src="midia/img.jpg" /></a>
                  <a href="#"><h2>Residência a venda</h2></a>
                  <a href="#"><h3>500m² sala ampla | Comodos: 2</h3></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
                <li>
               	  <a href="#"><img src="midia/img.jpg" /></a>
                  <a href="#"><h2>Residência a venda</h2></a>
                  <a href="#"><h3>500m² sala ampla | Comodos: 2</h3></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
                <li>
               	  <a href="#"><img src="midia/img.jpg" /></a>
                  <a href="#"><h2>Residência a venda</h2></a>
                  <a href="#"><h3>500m² sala ampla | Comodos: 2</h3></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
                 <li>
               	  <a href="#"><img src="midia/img.jpg" /></a>
                  <a href="#"><h2>Residência a venda</h2></a>
                  <a href="#"><h3>500m² sala ampla | Comodos: 2</h3></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
            </ul>
    </div><!-- Div imoveis_home fim-->
    
    <!-- Div imoveis_home_lista Inicio-->
    <div id="imoveis_home_lista">
    		 <ul>
                <li>
               	  <a href="#"><img src="imgs/apartamento.jpg" /></a>
                  <a href="#"><h2>Apartamento a venda</h2></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
                <li>
               	  <a href="#"><img src="imgs/apartamento.jpg" /></a>
                  <a href="#"><h2>Apartamento a venda</h2></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
                <li>
               	  <a href="#"><img src="imgs/apartamento.jpg" /></a>
                  <a href="#"><h2>Apartamento a venda</h2></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
                <li>
               	  <a href="#"><img src="imgs/apartamento.jpg" /></a>
                  <a href="#"><h2>Apartamento a venda</h2></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
                <li>
               	  <a href="#"><img src="imgs/apartamento.jpg" /></a>
                  <a href="#"><h2>Apartamento a venda</h2></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
            </ul>
    </div><!-- Div imoveis_home_lista fim-->
    
     <!-- Div imoveis_home_listadois Inicio-->
    <div id="imoveis_home_lista_dois">
    		 <ul>
                <li>
               	  <a href="#"><img src="midia/images.jpg" /></a>
                  <a href="#"><h2>Casa a venda</h2></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
                <li>
               	  <a href="#"><img src="midia/images.jpg" /></a>
                  <a href="#"><h2>Casa a venda</h2></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
                <li>
               	  <a href="#"><img src="midia/images.jpg" /></a>
                  <a href="#"><h2>Casa a venda</h2></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
                <li>
               	  <a href="#"><img src="midia/images.jpg" /></a>
                  <a href="#"><h2>Casa a venda</h2></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
                <li>
               	  <a href="#"><img src="midia/images.jpg" /></a>
                  <a href="#"><h2>Casa a venda</h2></a>
                  <a href="#" class="linkBotao">Mais detalhes</a>
                </li>
            </ul>
    </div><!-- Div imoveis_home_lista fim-->
    
</div><!-- Div Geral fim-->

<div id="clear"><!--clear-->

</div><!--clear fim-->

<div id="rodape">
	<div id="rodape_bg" class="rodape_bg">
    	
    </div>
</div><!-- Div rodape fim-->
</body>
</html>